<!-- 查询模块 -->
<div class="module-header" @click="hiddenSearch=!hiddenSearch">
    <!--                            <i :class="'fa-solid fa-angle-double-' + ( hiddenSearch ? 'down' : 'up') "></i>-->
    <i class="el-icon-search"></i>
    <el-link  type="primary" style="color:white;">条件搜索</el-link>
</div>
<el-card v-show="!hiddenSearch">
    <!-- 搜索区域 -->
    <div class="search-area">
        <el-row :gutter="24">
            <el-col :span="4">
                <el-select  clearable
                            v-model="searchForm.categoryDictId"
                            @change="changeFirstSelect"
                            :placeHolder="firstHeader"
                >
                    <el-option
                            v-for="item in firstList"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select  clearable
                        v-model="searchForm.typeDictId" :placeHolder="secondHeader" >
                    <el-option
                            v-for="item in secondList"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="16">
                <el-input v-model="searchForm.detail" placeholder="关键词" clearable ></el-input>
            </el-col>
        </el-row>


        <el-input v-model="searchForm.title" placeholder="标题" clearable ></el-input>
    </div>

    <!-- 搜索按钮组 -->
    <div class="search-buttons">
        <el-button @click="searchByFilter" type="primary" icon="el-icon-search">搜索</el-button>
        <el-button @click="resetClear" type="success" icon="el-icon-refresh">重置</el-button>
    </div>
</el-card>